<template>
  <div>
    <div :class="styles.service" v-show="false">
      <!--    v-show="!showDetailTap"-->
      <a v-for="service in serviceData">
        <svg class="icon" aria-hidden="true">
          <use :xlink:href="service.icon"></use>
        </svg>
        <span>{{service.label}}</span>
      </a>
    </div>
    <div v-show="true">
      <call-charge></call-charge>
    </div>
  </div>
</template>

<script>
  import styles from './service.scss'
  import {SERVICE_DATA} from '@util/constant'
  import callCharge from './service/call-charge'

  export default {
    name: "service",
    components: {
      callCharge
    },
    model: {},
    props: {},
    data() {
      return {
        styles,
        test: '#icon-lock',
        serviceData: SERVICE_DATA,
        showDetailTap: false
      }
    },
    computed: {},
    created: function () {

    },
    mounted: function () {

    },
    updated: function () {

    },
    beforeDestroy: function () {

    },
    destroyed: function () {

    },
    methods: {}
  }
</script>
